<template>
    <div class="watches-glasses">
        <img v-for="item in list" :key="item.id" :src="item.s_goods_photos[0].path" alt="">
    </div>
</template>

<script>
import {getGoods} from '../../assets/js/request.js'
export default {
    data() {
        return {
            list:[],
        }
    },
    props:["num"],
    async created() {
        let arr = await getGoods(10, this.num)
        this.list = arr.rows
        console.log(this.list)
    },
}
</script>

<style lang="scss">
    .watches-glasses {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        img {
            width: 25%;
        }
    }
</style>